<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="root">
			<h1 v-once>{{message}}</h1>
			<h1 v-show="ok">{{message}}</h1>
			<button type="button" v-on:click="zengjia"  v-for='(item,index) in count'>haha,我是新增的按钮</button><br>
			<hr v-show="hh" >
			<button type="button" v-on:click="zengjiah" >点我增加一行</button>
			<button type="button" v-on:click="zengjiaan" >点我增加一个按钮</button>
		</div>
		<script type="text/javascript">
			new Vue({
				el:"#root",
				data:{
					message:"haha",
					ok:false,
					hh:false,
					list:[],
					count:1
				},
				methods:{
					zengjia(){
						this.message="haha,我是新增的按钮";
						this.ok=true;
					},
					zengjiah(){
						this.hh=true
					},
					zengjiaan(){
						this.count+=1
					}
				}
			})
		</script>
	</body>
</html>
